/* ------------------------------------------------------------
 * PUBLIC SITE HEAD
 * ------------------------------------------------------------
 */
.g-header{
	position: relative;
	width:100%;
	height:120px;
	background:#f5f9fa;
	&:before{
		display:table;
		content:'';
	}
}
.g-hd-cont{
	height: inherit;
}
.g-logo{
	margin:0;
	width:357px;
	height:100px;
	overflow:hidden;
	font-size:0;
	line-height:0;
	.logo-link{
		display:block;
		width:100%;
		height:100%;
		background-repeat: no-repeat!important;
		background-position: center center!important;
		background-size: contain!important;
	}
}
.hd-right-wrap{
	margin-top:40px;
	width:810px;
	max-width:930px;
	height:40px;
}
.hd-guide-wrap{
	width:810px;
	height:40px;
	float:right;
	font-size:0;
}
.guide-item{
	float:left;
	display:inline-block;
	&.first-child{
		width:420px;
		height:40px;
	}
	&.second-child{
		margin:0 30px;
		width:160px;
		height:40px;
	}
	&.third-child{
		width:170px;
	}
}
.hd-tips-btn{
	float:left;
	display:block;
	width:80px;
	height:34px;
	overflow:hidden;
	border:1px solid #dadae6;
	@include fn-border-radius(3px);
	background: white;
	font-size:14px;
	&.login-btn,&.reg-btn{
		margin-top:3px;
		text-align:center;
		font-size:14px;
		color:#5c72ae;
		line-height:34px;
	}
	&.login-btn{
		margin-right:10px;
		border-color:#5a75be;
		background:#6a8dea;
		color:white;
		@include fn-text-shadow(1px 0 2px rgba(41,68,142,.6));
	}
	&.map-btn{
		padding:10px;
		width:160px;
		height:40px;
		border:1px solid #d15f5f;
		@include fn-border-radius(20px);
		background:#eb6262;
	}
	.map-ico{
		float:left;
		margin-left:15px;
		margin-top:2px;
		display:block;
		width:12px;
		height:16px;
		background:url(#{$firstlevel-path}images/common/hd-map-ico.png) center center no-repeat;
	}
	span{
		float:left;
		margin-left:16px;
		display:inline-block;
		font-size:14px;
		color: white;
		@include fn-text-shadow(1px 0 2px rgba(153,54,54,.6));
	}
}
.gh-srch-form{
	width:420px;
	height:40px;
	border:1px solid #dadae6;
	background:#ffffff;
	@include fn-border-radius(20px);
}
.srch-select{
	position: relative;
	float:left;
	width:98px;
	height:38px;
	border-right:1px solid #dadae6;
	cursor: pointer;
}
.sel-placeholder{
	margin:0;
	width:98px;
	height:38px;
	line-height:38px;
	font-size:14px;
	color:#7883a0;
	text-align:center;
	background:url(#{$firstlevel-path}images/common/shape-ico.png) 68px center no-repeat;
	span{
		margin-right:15px;
	}
}
.sel-options{
	display: none;
	position:absolute;
	left:1px;
	top:38px;
	z-index:444;
	width:100%;
	background:#fff;
	border:1px solid #dadae6;
	li{
		width:100%;
		height:30px;
		line-height:30px;
		font-size:14px;
		color:#7883a0;
		text-align:center;
		&+li{
			border-top:1px solid #dadae6;
		}
		&:hover{
			color:#667fc3;
		}
	}
	span{
		padding:0 10px;
		display:block;
		width:100%;
		height:100%;
		cursor:pointer;
	}
}
.srch-input{
	float:left;
	width:265px;
	height:38px;
	input{
		padding:5px 15px;
		width:100%;
		height:100%;
		font-size:14px;
		color:#ccc;
		line-height:28px;
		border:none;
		background:#fff;
	}
}
.srch-submit{
	width:55px;
	height:38px;
	border:none;
	font-size:0;
	cursor:pointer;
	background:url(#{$firstlevel-path}images/common/hd-search-ico.png) center center no-repeat;
}

.guide-tips{
	margin:0;
	margin-right:144px;
	padding-left:56px;
	position: relative;
	float:right;
	width:230px;
	height:40px;
	&:before{
		position: absolute;
		left:0;
		top:0;
		display:block;
		width:46px;
		height:40px;
		content:'';
		background:url(#{$firstlevel-path}images/subpage/uc-header-ico.png) no-repeat;
	}
	&.reg-tips{
		&:before{
			position: absolute;
			left:0;
			top:0;
			display:block;
			width:46px;
			height:40px;
			content:'';
			background:url(#{$firstlevel-path}images/subpage/uc-header-ico1.png) no-repeat;
		}
	}
	strong{
		display: block;
		width:100%;
		font-size:20px;
		color:#5c5d66;
		line-height:20px;
	}
	em{
		margin-top:4px;
		display: block;
		width:100%;
		font-size:16px;
		color:#c6c6c6;
		line-height:16px;
		text-transform:uppercase;
		font-style: normal;
	}
}

/*个人中心导航样式*/
.uc-tx{
	float:left;
	margin-top:1px;
	display:inline-block;
	width:38px;
	height:38px;
	@include fn-border-radius(19px);
	overflow:hidden;
	img{
		width:100%;
		height:100%;
	}
}
.uc-col-wrap{
	padding-left:12px;
	float:left;
	position: relative;
	display:inline-block;
	height:38px;
	line-height:38px;
	font-size:16px;
	color:#3583ed;
	.uc-col-down{
		display:block;
		width:100px;
		height:100%;
		text-decoration: underline;
		color:#3583ed;
		@include fn-text-ellipsis;
	}
	i{
		display: inline-block;
		float: right;
		margin-left:20px;
		font-size:20px;
		line-height:28px;
		text-decoration: none;
		color:#cbd9dd;
	}
	&:hover{
		.uc-col{
			display:block;
		}
	}
}
.uc-col{
	display:none;
	position: absolute;
	top:38px;
	right:0;
	width:120px;
	overflow:hidden;
	z-index:999;
	@include fn-border-radius(3px);
	border:1px solid #e1e5e6;
	background:#fff;
}
.col-item{
	width:100%;
	height:40px;
	&+.col-item{
		border-top:1px solid #e1e5e6;
	}
	&.eixt-btn{
		height:50px;
		.col-link{
			color:#eb6262;
			line-height:48px;
		}
	}
	.col-link{
		padding:0 20px;
		display:block;
		width:100%;
		height:100%;
		font-size:14px;
		color:#808080;
		line-height:38px;
	}
	&:hover{
		background:#f2f2f2;
		.col-link{
			color:#333;
		}
	}
}


















